Como utilizar las Query parameters para pasar informacion a nuestra aplicacion
Los Query parameters son parametros que se colocan al final de la url
http://example.com/pagina?nombre=maria
En este caso tendriamos una variable nombre con el valor asociado maria
En vez de utilizar Path variables podemos utilizar Query Parameters para obtener informacion de la url
En este caso al igual que con las Path variables tenemos que hacer el mismo import y la misma declaración en el constructor
El único cambio que tenemos que hacer es en el ngOnInit, donde ponemos el siguiente codigo:
ngOnInit(): void {
this.route.queryParams.subscribe(params => {
this.name = params['name'];
});
}
El codigo del componente quedaría tal que así:
Al hacer una solicitud como la siguiente http://127.0.0.1:4200/test?name=textoDePrueba obtenemos el resultado esperado:
Query parameters | parameters